html {
  height: 100%;
}

/* 媒介查询 */

/* 屏幕宽度小于300px */

/* @media screen and (max-width: 479px) {
    .mc_left {
        width: 68% !important;
    }

    .mc_right {
        width: 32% !important;
    }
} */

/* 屏幕宽度小于650px */

/* @media screen and (max-width: 914px) {
    .mc_select_box {
        width: 100% !important;
    }

    .mc_x_axis_area_two_value {
        width: 100% !important;
    }

    .mc_y_axis_area_two_value {
        width: 100% !important;
    }

    .mc_gamma_value_straight_scroll {
        width: 100% !important;
    }

    .mc_checkbox_property_btn {
        width: 100% !important;
    }
} */

#page_gamma {
  display: flex;
  flex-direction: row;
  justify-items: center;
  justify-content: space-around;
  /* flex-wrap: nowrap; */
  width: 100%;
  height: 93%;
  /* min-height: 370px; */
  flex: 1;
  overflow: hidden;
  border-left: #c0c0c0 solid 1px;
  border-bottom: #c0c0c0 solid 1px;
}

.main_body {
  border: #c0c0c0 solid 1px;
  width: 100%;
  user-select: none;
  box-sizing: border-box;
}

.mc_left {
  width: 65%;
  height: 100%;
  /* padding: 0 5px 0 10px; */
  /* margin-right: 10px; */
  /* min-width: 440px; */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  border-right: #c0c0c0 solid 1px;
  overflow-y: auto;
}

/* 中间内容 */

.mc_content_parameter {
  /* width: 100%; */
  display: block;
  margin: 9px 0;
  /* padding-left: 10px; */
  padding: 0 2px;
  /* height: 270px; */
}

/* 单选框 */

.g_header_btn {
  width: 100%;
}

.g_header_btn .radio {
  position: relative;
  display: inline-block;
  color: #0c4757;
  padding-left: 30px;
  cursor: pointer;
  margin-right: 5%;
  top: 30%;
}

.g_header_btn .radio input {
  position: absolute;
  left: -9999px;
}

.g_header_btn .radio i {
  display: block;
  position: absolute;
  top: 3px;
  left: 4px;
  width: 15px;
  height: 15px;
  border: 1px solid rgb(19, 13, 13);
  background: #ffffff;
  border-radius: 50%;
}

.g_header_btn .radio input + i:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: dodgerblue;
  opacity: 0;
}

.g_header_btn .radio input:checked + i:after {
  opacity: 1;
}

.g_header_btn .radio input:checked + i {
  border: 1px solid dodgerblue;
}

.g_header_btn .radio i:hover {
  border: 1px solid dodgerblue;
}

/* 左半部分 */

/* 灰阶数 */

.mc_gray_scale {
  display: flex;
  width: 100%;
  justify-content: space-between;
  /* -webkit-justify-content:space-around; */
  /* -ms-justify-content:space-around; */
  /* padding-top: 9px; */
  line-height: 25px;
  /* flex-wrap: wrap; */
}

.mc_gray_scale .mc_select_box {
  width: 80%;
}

/* 五个控件的文字大小 */
.gray_word {
  /* min-width: 78px; */
  width: 52px;
  text-overflow: ellipsis;
  text-align: right;
  /* line-height: 28px; */
  white-space: nowrap;
  overflow: hidden;
  margin-right: 3px;
}

/* x轴区间 */

.mc_x_axis_area {
  display: flex;
  width: 100%;
  /* height: 8%; */
  justify-content: space-between;
  margin-top: 9px;
  line-height: 27px;
  /* flex-wrap: wrap; */
}

.mc_x_axis_area .mc_x_axis_area_two_value span {
  display: inline-block;
  margin: 0 5px;
}

/* .mc_x_axis_area_two_value .mc_x_axis_area_first_value {
  width: 48%;
} */

/* .mc_x_axis_area_two_value .mc_x_axis_area_second_value {
  width: 48%;
} */

.mc_x_axis_area_two_value {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: 100%;
}

/* y轴区间 */

.mc_y_axis_area {
  display: flex;
  width: 100%;
  /* height: 8%; */
  justify-content: space-between;
  margin-top: 9px;
  line-height: 27px;
  /* flex-wrap: wrap; */
}

.mc_y_axis_area .mc_y_axis_area_two_value span {
  display: inline-block;
  /* font-size: 20px */
  margin: 0 5px;
}

/* .mc_y_axis_area_two_value .mc_y_axis_area_first_value {
  width: 48%;
} */

/* .mc_y_axis_area_two_value .mc_y_axis_area_second_value {
  width: 48%;
} */

.mc_y_axis_area_two_value {
  display: flex;
  flex-direction: row;
  width: 80%;
  height: 100%;
}

/* gamma滚动条 */

.mc_content_parameter .mc_straight_scroll {
  display: flex;
  width: 100%;
  /* height: 7%; */
  justify-content: space-between;
  margin-top: 9px;
  line-height: 22px;
  /* flex-wrap: wrap; */
}

.mc_straight_scroll .mc_gamma_value_straight_scroll {
  width: 80%;
}

/* .mc_content_parameter .mc_straight_scroll .mc_slider {
    width: 80%;
} */

/* 标准度 */

.mc_content_parameter .mc_radio_checkbox {
  width: 100%;
  /* margin-top: 2.5%; */
  margin-top: 9px;
  display: flex;
  justify-content: space-between;
  line-height: 30px;
  /* flex-wrap: wrap; */
}

.mc_content_parameter .mc_checkbox_property_btn {
  width: 80%;
  line-height: 30px;
  flex-direction: row;
  justify-content: space-around;
}

/* 指定表 表格 */

.mc_appoint_gamma_tbl {
  line-height: 30px;
  flex-direction: row;
  justify-content: space-around;
  display: block;
}

/* 箱体默认表 最大值 */
.mc_box_gamma_max {
  /* justify-content: space-around; */
  /* padding: 0 20px; */
  align-items: center;
}

.mc_box_gamma_max_btn {
  width: 40%;
}

/* 绘图图形 */

.mc_line_chart_outline_border {
  width: 100%;
  min-height: 200px !important;
}

.mc_right {
  width: 42%;
  height: 100%;
  /* padding: 0 10px 0 5px; */
  margin-left: 8px;
}

.mc_right .mc_body_table {
  display: inline-block;
  height: 88%;
  width: 100%;
}

.mc_right .mc_body_table table {
  width: 100%;
  height: 100%;
}

.mc_right .mc_header_table table thead {
  width: 50%;
  height: 100%;
}

.mc_right .mc_header_table table thead tr {
  height: 100%;
  width: 100%;
}

.mc_right .mc_header_table table thead tr :last-child {
  width: 50%;
}

.mc_right .mc_header_table table thead tr th {
  padding: 3%;
}

.mc_right .mc_body_table table tbody {
  display: block;
  overflow-y: scroll;
  height: 100%;
}

.mc_right .mc_body_table table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 5%;
}

.mc_right .mc_body_table table tbody tr td {
  padding-left: 5%;
}

.mc_right .mc_body_table table tbody tr :first-child {
  color: rgb(94, 94, 94);
  width: 50%;
}

.mc_right .mc_body_table table tbody tr :last-child {
  color: rgb(0, 0, 1);
  width: 50%;
}

.mc_bottom_line {
  position: absolute;
  bottom: 6%;
  width: 100%;
}

.mc_bottom_content {
  width: 100%;
  position: absolute;
  bottom: 2%;
  height: 7%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  z-index: 10;
}

.mc_bottom_content .mc_left_btn {
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}

.mc_bottom_content .mc_left_btn .mc_btn {
  flex-shrink: 0;
}

.mc_bottom_content .mc_middle_box {
  width: 20%;
}

.mc_bottom_content .mc_right_btn {
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}

.mc_bottom_content .mc_right_btn .mc_btn {
  flex-shrink: 0;
}

@media only screen and (max-width: 479px) {
  .mc_tab {
    border-bottom: 2px solid #c0c0c0 !important;
  }
}

@media only screen and (max-width: 479px) {
  .mc_tab div {
    width: unset !important;
    margin: 0 10px -2px 0 !important;
    text-align: unset !important;
  }
}

/* 下方按钮 */
/* .mc_btn_group_right :nth-child(4){
    display: block;
}
.mc_btn_group_right :nth-child(1){
    display: block;
}
.mc_btn_group_right :nth-child(2){
    display: block;
}
.mc_btn_group_right :nth-child(3){
    display: block;
} */

.icon_btn {
  min-width: 58px;
  margin: 2px;
}

.icon_btn span {
  display: block;
}

.mc_wrap,
.mc_header {
  padding: 5px;
}

.mc_btn_group {
  padding: 5px 0;
}

.mc_slider_min,
.mc_slider_max {
  top: 0 !important;
}
